<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>姜堰古罗塘景区在线预约系统</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <link rel="stylesheet" href="../../../../static/css/weui.css"/>
    <link rel="stylesheet" href="../../../../static/css/weuix.css"/>
    
    <script src="../../../../static/js/php.js"></script>
    <script src="../../../../static/js/zepto.min.js"></script>
    <script src="../../../../static/js/zepto.weui.js"></script>
    <script src="../../../../static/js/swipe.js"></script>
    
    <script>
         $(function(){

        	 var $defaultIndex = 0;
        	 console.log($('#registphone'));
        	 if($('#registphone').val() > 0){
        		 $defaultIndex = 1;
        	 }
        	 
             $('.weui-tab').tab({
                 defaultIndex: $defaultIndex,
                 activeClass: 'weui-bar__item_on',
                 onToggle: function (index) {
                     if(index==0){
                    	 
                     }else if(index==1){
                    	 
                     }
                     console.log(index);
                 }
             });
             

             $('#slide2').swipeSlide({
                 autoSwipe:true,//自动切换默认是
                 speed:3000,//速度默认4000
                 continuousScroll:true,//默认否
                 transitionType:'cubic-bezier(0.22, 0.69, 0.72, 0.88)',//过渡动画linear/ease/ease-in/ease-out/ease-in-out/cubic-bezier
                 lazyLoad:true,//懒加载默认否
                 firstCallback : function(i,sum,me){
                     me.find('.dot').children().first().addClass('cur');
                 },
                 callback : function(i,sum,me){
                     me.find('.dot').children().eq(i).addClass('cur').siblings().removeClass('cur');
                 }
             });

             
             
             $("#vehicle").picker({
                 title: "交通方式",
                 cols: [
                     {
                         textAlign: 'center',
                         values: ['自驾','汽车','火车','飞机','轮船','城市公交','其他']
                     }
                 ],
                 onChange: function(p, v, dv) {
                     console.log(p, v, dv);
                 },
                 onClose: function(p, v, d) {
                     console.log("close");
                 }
             });
             
             $("#ordertime").datetimePicker({
                 times: function () {
                     return [
                         {
                             values: ['08时', '09时', '10时','11时','12时','13时','14时','15时','16时',]
                         }
                     ];
                 },
                 max: '2022-12-12',
                 onChange: function (picker, values, displayValues) {
                     console.log(values);
                 }
             });
             
         })

     </script>
</head>

<body ontouchstart>
	<div class="weui-btn_primary weui-header ">
	  	<div class="weui-header-left"> <a class="icon icon-109 f-white"></a></div>
	   		<h1 class="weui-header-title">古罗塘景区在线预约</h1>
	    <div class="weui-header-right"><a class="icon icon-22 f-white"></a></div>
    </div>
	<input id="registphone"  value="{$phone}" style="display:none;"/>


    <div class="weui-tab" style="height:auto;">
        <div class="weui-tab__panel">
        	<!-- 首页 -->
            <div id="c0" class="weui-tab__content">
				<!-- 轮播图 -->        	
	            <div class="slide" id="slide2">
			        <ul>
			            <li>
			                <a href="javascript:;">
			                    <img src='../../../../static/images/luotang/luotang01.1.jpg' alt="">
			                </a>
			            </li>
			            <li>
			                <a href="javascript:;">
			                    <img src='../../../../static/images/luotang/luotang02.1.jpg' alt="">
			                </a>
			            </li>
			            <li>
			                <a href="javascript:;">
			                    <img src='../../../../static/images/luotang/luotang03.1.jpg' alt="">
			                </a>
			            </li>
			            <li>
			                <a href="javascript:;">
			                    <img src='../../../../static/images/luotang/luotang04.1.jpg' alt="">
			                </a>
			            </li>
			        </ul>
			        <div class="dot">
			            <span></span>
			            <span></span>
			            <span></span>
			        </div>
			    </div>
            	<!-- 轮播图 -->   
            	<!-- 景区介绍 -->
	            <div style="margin:2% 2%;">
	            	<h4>
	            		各位游客：
	            	</h4>
	            	<span class="f14">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;为进一步做好新冠肺炎疫情防控工作，确保广大游客健康出行，姜堰古罗塘旅游文化景区从即日起实行门票预约制度，请来姜堰古罗塘旅游文化景区的每一位游客，提前如实填报出行时间和实名信息。感谢您的理解和配合，祝您游玩愉快！<br></span>
					<span class="f14">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;姜堰古罗塘旅游文化景区瞬时承载量1500人，日最高承载量6000人，分时段预约每小时最高预约1000人。<br></span>
					<span class="f14">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;姜堰古罗塘旅游文化景区开放时间：8：30~17：30（最晚购票入园时间5：00）</span>

	            </div>
	            <!-- 景区介绍 -->
	            <!-- 预约表单 -->
	            <form id="orderform" action="/index/gltorder/order" method="post">
	            <div style="margin:2% 2%;">
				    <div class="weui-cell__hd weui-start weui-label"> 1. 预约日期   </div>
				    <div class="weui-form">
				        <div class="weui-form-li">
				            <input id="ordertime" name="ordertime" placeholder="&nbsp;&nbsp;&nbsp;&nbsp;请选择预约日期" value=""  type="text" class="weui-form-input">
				        </div>
				    </div>
				    <div class="weui-cell__hd weui-start weui-label"> 2. 姓名   </div>
				    <div class="weui-form">
				        <div class="weui-form-li">
				            <input id="name" name="name" placeholder="&nbsp;&nbsp;&nbsp;&nbsp;请填写姓名"  type="text" class="weui-form-input">
				        </div>
				    </div>
				    <div class="weui-cell__hd weui-start weui-label"> 3. 身份证   </div>
				    <div class="weui-form">
				        <div class="weui-form-li">
				            <input id="identify" name="identify" placeholder="&nbsp;&nbsp;&nbsp;&nbsp;请填写身份证号码"  type="text" class="weui-form-input">
				        </div>
				    </div>
				    <div class="weui-cell__hd weui-start weui-label"> 4. 手机号  </div>
				    <div class="weui-form">
				        <div class="weui-form-li">
				            <input id="phone" name="phone" placeholder="&nbsp;&nbsp;&nbsp;&nbsp;请填写手机号码"  type="text" class="weui-form-input">
				        </div>
				    </div>
				    <div class="weui-cell__hd weui-start weui-label"> 5. 客源地  </div>
				    <div class="weui-form">
				        <div class="weui-form-li">
				            <input id="area" name="area" placeholder="&nbsp;&nbsp;&nbsp;&nbsp;请选择客源地"  type="text" class="weui-form-input">
				        </div>
				    </div>
				    <script src="../../../../static/js/picker.city.js"></script>
				    <script>
			            $("#area").cityPicker({
			                title: "选择客源地",
			                showDistrict: false,
			                onChange: function (picker, values, displayValues) {
			                    console.log(values, displayValues);
			                }
			            });
			        </script>
				    <div class="weui-cell__hd weui-start weui-label"> 6. 交通方式  </div>
				    <div class="weui-form">
				        <div class="weui-form-li">
				            <input id="vehicle" name="vehicle" placeholder="&nbsp;&nbsp;&nbsp;&nbsp;请选择交通方式" type="text" class="weui-form-input" >
				        </div>
				    </div>
				    <div style="margin:10% 0;"></div>
				    
				    <input type="submit" class="weui-btn weui-btn_primary" value="确定">
				    
				    
	            </div>
	            </form>
	            <!-- 预约表单 -->
	            <!-- footer -->
				<div class="weui-footer" style="margin:10% 0;">
				    <p class="weui-footer__links">
				        <a href="javascript:void(0);" class="weui-footer__link">印象古罗塘</a>
				        <a href="javascript:void(0);" class="weui-footer__link">印象古罗塘</a>
				    </p>
				    <p class="weui-footer__text">Copyright © 2020-2021</p>
				</div>
	            <!-- footer -->
	            
            </div>
            <!-- 首页 -->
            
            
            <!-- 我的 -->
            <div id="c1" class="weui-tab__content" >
            	<div class="weui-cells" style="background-color:#CCC;">
            	{if condition="$phone gt 0"}
            		{volist name='list' id='vo'}
		            	<div class="weui-panel__bd border-radius  w" style="margin:2% 2%; background-color:#FFF;">
			                
			                <div class="weui-cell border-b w">
					            <div class="weui-cell__bd">
					                <p class="f18">姜堰古罗塘旅游景点</p>
					            </div>
					            <div class="weui-cell__ft" style="font-size:5px;">{$vo.create_time}</div>
				        	</div>
			                <div class="weui-cell ">
					            <div class="weui-cell__bd">
					                <p class="f14" style="margin: 2% 0;">预约人：{$vo.name}</p>
					                <p class="f14" style="margin: 2% 0;">预约时间：{$vo.ordertime}</p>
					                <p class="f14" style="margin: 2% 0;">身份证：{$vo.identify}</p>
					                <p class="f14" style="margin: 2% 0;">手机：{$vo.phone}</p>
					                <p class="f14" style="margin: 2% 0;">客源地：{$vo.area}</p>
					                <p class="f14" style="margin: 2% 0;">交通工具：{$vo.vehicle}</p>
					                
					                <p class="f14 f-red" style="margin: 2% 0;">请携带身份证前往景点游览</p>
					            </div>
				        	</div>
				        </div>
	            	{/volist}
            	{else /}
            		<div class="weui-panel__bd border-radius  w" style="margin:2% 2%; background-color:#FFF;">
            		<form id="orderform" action="/index/gltorder/regist" method="post"> 
            			<div class="weui-msg"  id="s1">
	            			<div class="weui-msg__text-area">			
	            				<h2 class="weui-msg__title" >请先登录！</h2>
	            			</div>
						    <div class="weui-cell__hd weui-start weui-label"> 1. 手机号  </div>
						    <div class="weui-form">
						        <div class="weui-form-li">
						            <input id="phone" name="phone" placeholder="&nbsp;&nbsp;&nbsp;&nbsp;请填写手机号码"  type="text" class="weui-form-input">
						        </div>
						    </div>
						    <div class="weui-msg__opr-area">
						        <p class="weui-btn-area">
						            <input type="submit" class="weui-btn weui-btn_primary" value="确定">
						        </p>
						    </div>
					    </div>
            		</form>
            		</div>
            	{/if}
				</div>
            </div>
            <!-- 我的 -->
        </div>

        <div class="weui-tabbar tab-bottom">
            <a href="javascript:;" class="weui-tabbar__item">
                    <span style="display: inline-block;position: relative;">
                        <i class="icon icon-27 f27 weui-tabbar__icon"></i>
                    </span>
                <p class="weui-tabbar__label">首页</p>
            </a>
            <a href="javascript:;" class="weui-tabbar__item ">
                <i class="icon icon-30 f27 weui-tabbar__icon" ></i>
                <p class="weui-tabbar__label f-green">我的</p>
            </a>
        </div>
    </div>



</body>
</html>
